
{{template "base.html" .}}

{{define "content"}}
<div class="content">
    <h2>考试记录</h2>
    <hr>
    <div style="width: 100%;min-height: 300px">
    {{range $idx,$res := .data}}
    <div  class="layui-col-md4 RecordLi">
        <div class="layui-panel card"  id="{{$res.Id}}" >
            <input class="PaperId" value="{{$res.PaperId}}"style="display: none">
            <div style="margin-top: 10px">
                <div class="title" >{{$res.PaperName}}#{{$res.PaperId}}</div>
                <div class="person" >完成</div>
                <div class="testTime">{{$res.StringTime}}</div>
            </div>
        </div>
    </div>
    {{end}}
    </div>
</div>
<script>
    $(".card").click(function (){
        var paperid = $(this).find(".PaperId").val()
        $(location).attr("href","/student/test/record/check/"+paperid+"/"+this.id)
    })

</script>
<style>
    .RecordLi{
        height: 75px;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .RecordLi .card{
        height: 100%;
        padding: 0 10px;
    }
    .card {
        background-color: #FFF;
        border-radius: 6px;
        -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
        transition: all 250ms cubic-bezier(.02, .01, .47, 1);

    }
    .card:hover {
        cursor: pointer;
        box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);
        transform: translate(0,-5px);
        transition-delay: 0s !important;
    }
    .testTime{
        float: right;
        color: #d2d2d2;
    }
    .title{
        font-weight: bold;
        font-size: 1.2em;

    }
    .person{
        color: green;
    }
</style>
{{end}}
